@import url("reset.css");
@import url("960.css");

/* - - - - - - - HTML Wharfland- - - - - - - - */	
body {
    background-color:#c7f7f1;
    font-size: 12px;
    font-family: 'verdana';
    color:#666666;
}
a{
    color:#ffffff;
    text-decoration:none;
    font-weight:bold;
}
a hover{
    color:#0033FF;
}
.clear {
    clear:both;
    display:block;
}
.clear_1 {
    margin-top:10px;
}
li {
    text-decoration:none;
    list-style-type:none;
}
#wrapper {
    font-size: 12px;
}
#banner {
    background:url("../images/all_repeat_x_35_101_155_269_121.jpg") repeat-x left -171px;
    height:155px;
}
.banner_1{
    background:url("../images/bg_banner_footer_121_155_1.jpg") top left no-repeat;
    display:block;
    height:155px;
}
.banner_2 {
    background:url("../images/bg_banner_footer_121_155_1.jpg") right -155px  no-repeat;
    height:155px;
}
#logo {
    float:left;
    margin: 24px 0px 0px 20px;
    *margin:23px 0px 0px 10px;
}
.top_banner {
    float:left;
    margin: 10px 0px 0px 30px;
}
/*_ _ _ _ _ main_ _ _ _ */
#main {

}

#navigator {
    margin-bottom:10px;
    background-color:#FFFFFF;
    border-bottom:#FF0000 solid 5px;
    height:31px;
}
#navigator > ul > li{
    list-style-type:none;
    float: left;
    position: relative;
}
#navigator > ul > li a,
#navigator > ul > li a:link,
#navigator > ul > li a:active,
#navigator > ul > li a:visited{
    background: url("../images/bg_trangchu.jpg") no-repeat scroll left top transparent;
    display:block;
    height:31px;
    margin-right:2px;
    text-decoration: none;
    font-weight:bold;
}
#navigator > ul > li a:hover{
    background-position: 0 -31px;
}

#navigator > ul > li a span{
    background:url("../images/bg_trangchu.jpg") no-repeat scroll right top transparent;
    display:block;
    height:20px;
    margin-left:8px;
    *margin-left:4px;
    float:left;
    padding: 10px 8px 0px 0px;
}
#navigator > ul > li a:hover span{
    background-position: right -31px;
    color: #45faf5;
}
/*
#navigator ul li.login {
    float:left;
    background:none;
    height:21px;
    line-height:15px;
}
#navigator ul li.login a, #navigator ul li.login a span{
    color:#ff0000;
    background:#ffffff;
}
#navigator li.login a:hover, #navigator li.login a:hover span{
    color:#0033FF;
    background:#ffffff;
}
*/
#navigator ul li ul{
    display: none;
    position: absolute;
    left: 0;
    top: 31px;
    float: left;
    z-index: 1000;
    width: 150px;
}

#navigator ul li ul li{
    height: 31px;
    background-color: #e00001;
    width: 100%;
}

#navigator ul li ul li:hover{
    background-color: #ff0000;
}

#navigator ul li ul li a,
#navigator ul li ul li a span{
    background: none !important;    
}

#navigator ul li ul li a span{}
/****css + them ****/
#navigator .login {
    background:none;
    height:21px;
    padding:10px;
}
.login  span{
    background: none;
    margin-left:5px;
}
.login  span a{
    color: #ff0000;
    text-decoration: none;
}
.login  span a:hover{
    color: #1376c9;
}

/*_ _ _main_left _ _ _*/

.main_left_1 {
    background:url("../images/all_repeat_x_35_101_155_269_121.jpg") repeat-x left -35px;
    height:35px;
}
.main_left_2{
    background:url("../images/bg_menu_trangchu.jpg") no-repeat left -70px;
    display:block;
    height:35px;
}
.consulting_right{
    background:url("../images/bg_menu_trangchu.jpg") bottom right no-repeat;
    height:35px;
}


.box_right span {
    color:#ffffff;
    margin-left:15px;
    line-height:32px;
    font-weight: bold;
}

.consulting_right a, .box_right a{
    color:#ffffff;
    margin-left:15px;
    line-height:32px;
}
.consulting_right a:hover, .box_right a:hover{
    color:#0033FF;
    text-decoration:underline;
}
.box {
    margin-top: 10px;
    background:url("../images/all_repeat_x_35_101_155_269_121.jpg") repeat-x top;
    height:35px;
}
.box_left {
    background:url("../images/bg_menu_trangchu.jpg") no-repeat left -35px;
    display:block;
    height:35px;
}
.box_right {
    background:url("../images/bg_menu_trangchu.jpg") no-repeat right top;
    height:35px;
}
.box_1 {
    border:#00ccff solid 1px;
    float:left;
    width:218px;
    background-color:#ffffff;
    padding-bottom:5px;
}
.box_1 ul li{
    float:left;
    padding: 10px 15px 10px 15px;
    *padding: 5px 15px 5px 15px;
}
.box_1 ul li a{
    float:left;
    display:block;
    height:35px;
    width:42px;
}
.box_1 ul li.yahoo a {
    background:url("../images/yahoo42x35.jpg") -42px top no-repeat;
}
.box_1 ul li.yahoo a:hover{
    background:url("../images/yahoo42x35.jpg") -42px bottom no-repeat;
}
.box_1 ul li.skype a{
    background:url("../images/yahoo42x35.jpg") right top no-repeat;
}
.box_1 ul li.skype a:hover{
    background:url("../images/yahoo42x35.jpg") right bottom no-repeat;
}
.box_1 ul li.mail a{
    background:url("../images/yahoo42x35.jpg") left top no-repeat;
}
.box_1 ul li.mail a:hover{
    background:url("../images/yahoo42x35.jpg") left bottom no-repeat;
}
/*_ _ _ _ _ _ _ _ _ _ _ *tin noi bat*_ _ _ _ _ _ _ _ _ _ _ _ _ _*/
.box_1 ul#news_detail li{
    float:left;
    height: 50px;
    width: 205px;
    border-bottom:#00ccff dotted 2px;
    margin-left:5px;
    padding-bottom: 20px;
    padding:10px 0px;

}
.box_1 ul#news_detail li a img{
    border:#666666 solid 1px;
    width:58px;
    height: 51px;
    padding:1px;
    float:left;
}
.box_1 ul#news_detail li h2 a {
    float:right;
    width: 133px;
    font-size:11px;
    color:#666666;
    height: auto;
}
.box_1 ul#news_detail li h2 a:hover {
    color:#0033FF;
}
/*_ _ _ _ _ _ _main_center_ _ _ _ _ _ _*/
#flash {
    background:url(../images/flash.jpg) no-repeat;
    width:710px;
    height:230px;
}
#main_center {
    width:480px;
}
#bg_products {
    background-color:#FFFFFF;
    border:#00CCFF solid 1px;
    /*float:left;*/
    padding:10px;
}
#bg_products ul li{
    float:left;
    list-style-type:none;
    border-bottom: 2px dotted #0CF;
    margin-top: 10px;
    padding-bottom: 5px;
}
#bg_products .img_products {
    float: left;
    border:#999999 solid 1px;
    width: 110px;
    height: 90px;
    padding: 1px;
}
#bg_products .text_products {
    float:left;
    width: 222px;
    height: auto;
    margin: 0px 7px;
    padding: 0px 7px;
    border-left:#00CCFF dotted 2px;
    border-right:#00ccff dotted 2px;
    text-align:justify;
}

.full_content .text_products{
    width: 420px !important;
}

#bg_products .text_products a {
    color:red;
}
#bg_products .text_products p{
    margin-top: 7px;
    color:#666666;
}
#bg_products .text_products a:hover {
    color:#0033FF;
}
#bg_products .contact {
    float: right;
    width: 90px;
    text-align:center;
    color:#FF0000;
    font-weight:bold;
}
#bg_products .contact p ,#bg_products .contact p a{
    color:#FF9900;
    padding-top: 5px;
}
#bg_products .contact p a:hover{
    color:blue;
}
.underline_products {
    float:left;
    /*border-top:#00CCFF dotted 2px;*/
    width:458px;
    margin-bottom:10px;
}
#page ul li {
    float:left;
    width:35px
}
#page .page_home {
    width:70px;
    line-height:20px;
    font-weight:bold;
    color:#0033FF;
}
#page a{
    display:block;
    color:#FF9900;
    height:18px;
    width:16px;
    padding: 3px 0px 0px 7px;
}
#page .page_1 a {
    background:url("../images/nut.jpg") right -21px no-repeat;
}
#page .page_1 a:hover {
    background:url("../images/nut.jpg") right top no-repeat;
}
/*_ _ _ _ partners_ _ _ _ _*/
#partners {
    width: 480px;
}
#partners h2{
    color:#0033ff;
    margin: 10px 0px 5px 0px;
    font-weight:bold;
}
.bg_slide {
    background:url("../images/all_repeat_x_35_101_155_269_121.jpg") repeat-x left -70px;
    height:101px;
}
.bg_slide_left {
    background:url("../images/doi_tac.jpg") left top no-repeat;
    display:block;
    height:101px;
    cursor:pointer;
}
.bg_slide_right {
    background:url("../images/doi_tac.jpg") no-repeat bottom right;
    height:101px;
}
.bg_slide ul {
    padding: 15px 0px 0px 16px;
}
.bg_slide ul li {
    float:left;
    height:73px;
}
.bg_slide ul li a{
    margin-left:5px;
}
/*_ _ _ _ _ _ _ main_right_ _ _ _ _ _ _ _ _*/
#main_right {
    margin-top:10px;
}
.search {
    margin-top: 10px;
    background:url("../images/all_repeat_x_35_101_155_269_121.jpg") repeat-x left -326px;
    height:269px;
}
.search_1 {
    float:left;
    padding: 15px 5px 0px 20px;
}
.search_2 {
    padding-top:25px;
    font-size:15px;
    font-weight:bold;
    color:#333333;
}
.search_3 {
    float:left;
    width:220px;
}
.search_4 {
    float:left;
    padding: 0px 5px 0px 5px;
}
.search_4 span {
    float:left;
    color:white;
    font-size:12px;
    padding-top:15px;
}
.search_submit {
    float:left;
    margin: 27px 0px 0px 12px;
}
.submit {
    background:url(../images/search_2.jpg) repeat scroll left top transparent;
    border: medium none;
    cursor: pointer;
    height: 27px;
    width: 87px;
}
.submit:hover {
    background:url(../images/search_2.jpg) repeat scroll left bottom transparent;
}
#img_advertisement{
    text-align: center;
}

#img_advertisement a {
    display:block;
    padding-top: 5px;
}

#img_advertisement a img{
    width: 210px !important;
}

/*_ _ _ _ _ _ _ _ _footer_ _ _ _ _ _ _ _ _ */
#footer {
    margin-top:10px;
    background:url("../images/all_repeat_x_35_101_155_269_121.jpg") repeat-x left -595px;
    height:121px;
}
.footer_left{
    background:url("../images/bg_banner_footer_121_155_1.jpg") bottom left no-repeat;
    display:block;
    height:121px;
}
.footer_right{
    background:url("../images/bg_banner_footer_121_155_1.jpg") right -310px no-repeat;
    height:121px;
}
.nav_footer {
    padding-top: 15px;
    display: block;
    text-align: center;
}
.nav_footer span{
    margin: 0px 3px;
    display: inline-block;
}
.nav_footer a{
    color:#FF0000;
}
.nav_footer a:hover {
    color:#0033ff;
    text-decoration:underline;
}
#address p{
    color:#0033FF;
    padding-top:5px;
}
#address p a, .headquarters a{
    color:#FF0000;
    font-weight:bold;
}
#address p a:hover , .headquarters a:hover{
    text-decoration:underline;
}
.coppyright {
    color:#666666;
    font-size:11px;
}

/*_ _ _ _ _ _ _about_us_ _ _ _ _ _ _ _ _ _ */
.text_about_us {
    line-height:20px;
    display:block;
    text-align:justify;
}
.text_about_us p{
    color:#0033FF;
    margin: 10px 0px;
    border-bottom:#00CCFF solid 1px;
    font-weight:bold;
}
.text_about_us span{
    display:block;
    margin: 10px 0px;
}

#bg_products .text_project {
    float:left;
    width: 328px;
    height: auto;
    padding-left:7px;
    margin-left:7px;
    text-align:justify;
    border-left:#00CCFF dotted 2px;
}
#bg_products .text_project p{
    color:#666666;
    margin-top:7px;
}
#bg_products .text_project a{
    color:#FF0000;
}
#bg_products .text_project a:hover{
    color:#0033FF;
}
#bg_products .text_project .details{
    float:right;
}
.underline_project {
    float:left;
    /*border-top:#00CCFF dotted 2px;*/
    width:458px;
    margin:10px 0px;
}
.text_details a {
    color:#0033FF;
}
.text_details p{
    padding:10px 0px;
}
.contact_1 a {
    color:#666666;
}
.contact_1 a:hover {
    text-decoration:underline;
}
/*_ _ _ _ _ _ _contact _ _ _ _ _ _ _*/
#form {
    display:block;
    float:left;
    width:458px;
}
#form .col_title {
    float:left;
    width:120px;
    padding-top:5px;
}
#form .col_form {
    float:left;
    width: 320px;
}
#form .col_form .w_300{
    float:left;
    width: 300px;
}
#form .col_form .mxn_300{
    float:left;
    width: 300px;
}
#form .clear {
    padding: 5px 0px;
}
#form .col_form .h_300{
    float:left;
    width: 300px;
    height: 100px;
}
#form .col_form .clgt{
    float:left;
    width: 50px;
    height:22px;
    background-color:#cecece;
    padding-left:25px;
    font-size:16px;
}
#form .col_form a, #form .col_form a:hover{
    background:url("../images/send.jpg") left bottom no-repeat;
    display:block;
    float:left;
    height:22px;
    margin-left:10px;
}
#form .col_form a span, #form .col_form a:hover span{
    display:block;
    float:left;
    background:url("../images/send.jpg") right bottom no-repeat;
    height:18px;
    margin-left:5px;
    padding: 4px 10px 0px 0px;
}
#form .col_form a:hover {
    background:url("../images/send.jpg") left top;
    color:#333333;
}
#form .col_form a:hover span{
    background:url("../images/send.jpg") right top no-repeat;
}

/*
 * My Override Stylesheet
*/
div.full_content{
    width: 710px !important;
    margin-right: 0 !important;
}

.w200{
    width: 200px !important;
}

.w250{
    width: 250px !important;
}

.w300{
    width: 300px !important;
}

div#bg_products form p{
    padding: 5px 0;
}

div#bg_products form p label{
    display: block;
    font-weight: bold;
}

div#bg_products form input[type="text"]{
    width: 100%;
}

div#bg_products form textarea{
    width: 100%;
}

div#bg_products p{

}

/**
 * Stylesheet for notifycation
*/
div.notification p{
    padding: 5px;
    color: red;
}

.pagination{
    text-align: right;
    padding: 20px 0 5px 0;
}
.pagination a{
    float: left;
    border-bottom: 2px dotted #0CF;
    padding: 5px;
    margin-top: 10px;
    color: #F90;
    width: 13px;
    background:url("../images/nut.jpg") right -21px no-repeat;
    text-align: center;
}

/**
 * Search Table
 */
 table#search{
     width: 100%;
 }
 table#search td{
     padding: 5px;
 }

.article {background-color: #fff; padding: 10px; border: 1px solid #00CCFF;color:#333;}
.article  h1 {font-size: 1.5em;}
.article p {margin: 10px 0; line-height: 20px;}
.article p.summary {font-weight: 700; font-style: italic;}
.article p.date {font-size: 1em; font-weight: 700; color: #999; text-align: right;}
.article ul.others {display: inline-block;}
.article ul.others li {width: 688px; clear: both;}
.article ul.others p.img {float: left; width: 100px; height: 100px; overflow: hidden; border: 1px solid #555; padding: 2px;}
.article ul.others p.title  {margin-left: 10px; float:left; width: 570px;text-align:justify;}
.article ul.others p.title a {color: red;}

li.im  a{text-indent: 9999px;text-decoration: none; border: 0;}

li.im  a{text-indent: 9999px;text-decoration: none; border: 0;}

#partner {margin-top: 20px;}

.warning p{
    color: red;
}

.success p{
    color: green;
}

div.info h4{
    margin-top: 5px;
    border-bottom: 1px solid #0CF;
}

.box.top{
    margin-top: 0px;
}


#page {display: inline-block;}

/*************** Ty Gia ***************/
#exchange{
    padding: 5px;
}

#exchange div{font-weight: bold;}

#exchange table {
    width: 100%;margin-top: 5px;
    border-collapse: collapse;
    border: 1px solid #45a3a3;
}

#exchange table tr td{
    padding: 2px;
}

#exchange table tr.title td{
    border-bottom: 1px dotted #45a3a3;
}

#exchange table tr.row1 td,
#exchange table tr.row2 td{
    border-top: 1px solid #45a3a3;
    border-bottom: 1px solid #45a3a3;
}